$primaryColor: var(--color);
:root {
  --color: #1EA69D;
  --colorl: #1EA69D;
  --colorbg: #fff;
  --colorbg1: #fff;
  --colorbg2: rgba(30, 166, 157, .1);
  --bgimg: url(../image/course-img.png) center center;
  --liveimg1: url(../image/live_1.png) center center;
  --liveimg0: url(../image/live_0.png) center center;
  --color-buy: #F9563D;
    --pointShop: #F5A623;
}
body{
	--color: #1EA69D;
	--colorl: #1EA69D;
	--colorbg: #fff;
	--colorbg1: #fff;
	--colorbg2: rgba(30, 166, 157, .1);
	--bgimg: url(../image/course-img.png) center center;
	--liveimg1: url(../image/live_1.png) center center;
	--liveimg0: url(../image/live_0.png) center center;
	--color-buy: #F9563D;
}
*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
}

html,
body{
    height: 100%;
}

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img,
input,
button {
    border: none;
    outline-style: none;
    cursor: pointer;
}
ul,
ol {
    list-style: none;
    /*清除列表样式符*/
    list-style-type: none;
    /*清除IE左缩进*/
    margin-left: 0;
    /*清除非IE左缩进*/
    padding-left: 0;
}

img,
select,
input {
    vertical-align: middle;
}
select,
input,
textarea {
    margin: 0;
    padding: 0;
    border: solid 0px;
    outline: none;
    &::placeholder {
        color: #999999;
        font-size: 16px;
    }
}

textarea {
    resize: none;
    font-size: 16px !important;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-decoration: none;
}


i
{
    font-style: normal;
    text-decoration: none;
}
image{
	vertical-align: middle;
}


.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}


/*公共类*/
html {
    box-sizing: border-box;
}

body, html, textarea {
    font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif !important;
}

.flex { display: flex; }

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.hide {
    display: none
}
.danger {
    color: #ee0a24;
}
.primary-color {
    color: $primaryColor;
}
.yellow-color {
    color: #E18D39;
}
// 快捷
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt50 {margin-top: 50px;}
.mt40 {margin-top: 40px;}
.mt5 { margin-top: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb5 { margin-bottom: 5px; }
.mb20 { margin-bottom: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml5 { margin-left: 5px; }
.mb0 { margin-bottom: 0 !important; }
.mr0 { margin-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pd15 {padding: 15px !important;}

.lh-0 {line-height: 0}
// 不换行
.nowrap {
  white-space: nowrap !important;
}
// inline-block
.inline-block {
  display: inline-block !important;
}
// 超出...
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
//
.uni-nav-bottom{
	position: relative;
	background: #fff;
}
.container {
  width: 100%;
}
.container-dropdown{
	position: relative;
	height: 38px;
}
// popupbutton
.action-content {
    padding: 25px 20px 40px;
    .default-title {
        margin-bottom: 8px;
    }
}
// 页面大标题
.page-large-title {
    height: 33px;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
}

.page-navi-icon {
    color: #fff;
    font-size: 18px !important;
    position: fixed !important;
    top: 14px;
    left: 16px;
    z-index: 1;
}

// 字体按钮
.font-btn {
    font-size: 14px;
    color: #111111;
}
.font-btn .primary {
	color: $primaryColor;
}

//
.input-field {
    width: 300px;
    height: 40px;
    font-size: 16px;
    padding: 0 15px;
    background: #F6F6F6;
    border-radius: 6px;
}

// 小图标
.icon-clock {
    font-family: "iconfont" !important;
    font-size: 15px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e6f1";
    }
}
.icon-laiyuan {
    font-family: "iconfont" !important;
    font-size: 15px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    margin-right: 5px;
    &:before{
        content: "\e6f8";
    }
}

.icon-category {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e6ef";
    }
}

.icon-tags{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e6ef";
    }
}

.icon-user{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e6f2";
    }
}

.icon-addr{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e6fe";
    }
}

.icon-credit {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e680";
    }
}

.icon-certificate, .icon-certification{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e683";
    }
}

.icon-pointScore {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    color: var(--color);
    &:before{
        content: "\e679";
    }
}

// 音频播放样式
.audio-wrap {
    text-align: center;
    position: relative;
    height: 100%;
    background: #333333;
}
.audio-wrap.audio-thrid{
	position: absolute;
	width: 100%;
	height: calc(100% - 40px) !important;
	background: none;
	z-index: 9999;
}
.audio-wrap.audio-thrid .audio-disk-bg{
	top: calc(50% - 30px);
}
.audio-wrap .audio-disk-bg {
	background-image: url('@/static/image/audio_disk_bg.png');
	width: 140px;
	height: 140px;
	background-size: 100%;
	position: absolute;
	top: calc(50% - 68px);
	margin-top: -34px;
	left: 50%;
	margin-left: -70px;
}
.audio-wrap .audio-disk-bg .audio-disk {
	border-radius: 50%;
	width: 94px;
	height: 94px;
	background-image: url('@/static/image/audio_disk_default.jpg');
	background-size: 100%;
	margin: 0 auto;
	position: relative;
	top: 23px;
	animation: rotate 5s linear infinite;
}
.audio-wrap .audio-disk-bg .audio-disk.rotating {
	animation-play-state: running;
}
.audio-wrap .audio-disk-bg .audio-disk.paused {
	animation-play-state: paused;
}
.audio-wrap .audio-disk-bg .audio-ctrl-btn {
	width: 54px;
	height: 54px;
	display: none;
	position: relative;
	bottom: 50px;
	left: 1px;
	margin: 0 auto;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.audio-wrap .audio-disk-bg .audio-ctrl-btn.paused {
	display: block;
	background-image: url('@/static/image/media_play.png');
}
.audio-wrap .audio-disk-bg .audio-ctrl-btn.play {
	display: none;
	background-image: url('@/static/image/media_pause.png');
}

// 列表形式文件icon通用样式
.file-icon.doc {
	width: 36px; height: 36px;
	background-size: 100% 100%;
	background: url('@/static/image/file_icon_doc.svg') no-repeat;
}
.file-icon.audio {
	width: 36px; height: 36px;
	background: url('@/static/image/file_icon_audio.svg') no-repeat;
	background-size: 100% 100%;
}
.file-icon.video {
	width: 38px; height: 36px;
	background: url('@/static/image/file_icon_video.svg') no-repeat;
	background-size: 100% 100%;
}
.file-icon.excel {
	width: 38px; height: 36px;
	background: url('@/static/image/file_icon_excel.svg') no-repeat;
	background-size: 100% 100%;
}
.file-icon.ppt {
	width: 38px; height: 36px;
	background: url('@/static/image/file_icon_ppt.svg') no-repeat;
	background-size: 100% 100%;
}
.file-icon.pdf {
	width: 36px; height: 36px;
	background: url('@/static/image/file_icon_pdf.svg') no-repeat;
	// background-size: 100% 100%;
}
.file-icon.word {
	width: 38px; height: 36px;
	background: url('@/static/image/file_icon_word.svg') no-repeat;
	background-size: 100% 100%;
}
.file-icon.pic {
	width: 38px; height: 36px;
	background: url('@/static/image/file_icon_pic.svg') no-repeat;
	background-size: 100% 100%;
}

// 页面通用样式
.default-link {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #7F7F7F;
    line-height: 20px;
    cursor: pointer;
}
.default-link .primary {
	color: $primaryColor;
}
.default-link .small {
	font-size: 12px;
}
// 头像
.user-img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.user-photo {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}
.user-upload-photo {
    width: 68px;
    height: 68px;
    border-radius: 50%;
}
// 说明小字
.default-desc {
    color: #999;
    font-size: 12px;
}

// 普通灰色字体
.common-font {
    color: #7F7F7F;
    font-size: 14px;
}
.common-font2 {
    color: #666;
    font-size: 14px;
}
.font-split {
    height: 14px;
    width: 1px;
    display: inline-block;
    background-color: #DDDDDD;
    margin: 0 8px;
}
// 通用title
.default-title {
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
}

.default-tag {
    border-radius: 2px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #7F7F7F;
    line-height: 16px;
    display: inline-block;
    padding: 1px 6px;
}

.primary-bar {
    height: 28px;
    background: #EDF8F7;
    color: $primaryColor;
    font-size: 14px;
    padding: 0 15px;
    line-height: 30px;
}

//
.form-field {
    margin-bottom: 16px;
}
.form-field .field-name {
	height: 17px;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
}
.form-field .field-body {
	padding-bottom: 12px;
	padding-top: 5px;
	border-bottom: 1px solid #EEEEEE;
	position: relative;
}
.form-field .field-body input,
.form-field .field-body .input{
	font-size: 16px;
	height: 24px;
	padding-right: 35px;
	width: 100%;
	border: none;
}
.form-field .field-body .field-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	bottom: 15px;
}
.form-field .field-body .valicode {
	width: 90px;
	height: 36px;
	position: absolute;
	right: 0;
	bottom: 15px;
}
.form-field .field-body .message-tip {
	color: #BBBBBB;
	font-size: 14px;
}
.form-field .field-body .message-tip,
.form-field .field-body .font-btn {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.form-field .field-error-msg {
	color: #D0021B;
	line-height: 17px;
	font-size: 12px;
	margin-top: 4px;
}

.form-confirm {
    text-align: center;
}
.form-confirm-btn {
    width: 280px;
    margin-top: 20px;
    height: 40px;
}
uni-button {
  font-size: 30rpx;
  background-color: var(--color);
  border-color: var(--color);
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: initial;
}
uni-button:after {
  display: none;
}
uni-button[plain] {
  color: var(--color);
  background: #fff !important;
}
uni-button[type=primary]{
  background-color: var(--color) !important;
  border-color: var(--color) !important;
}
uni-button[type=primary][plain]{
  color: var(--color) !important;
  border-color: var(--color) !important;
  background-color: #fff !important;
}
uni-button[type=primary][disabled] {
  background: #EEEEEE !important;
  border-color: #EEEEEE !important;
  color: #999 !important;
}
uni-button[type=primary].button-hover{
  background-color: var(--color) !important;
}
uni-button[round]{
  border-radius: 20px !important;
}
uni-button[round]:after{
  border-radius: 16px !important;
  border: none !important;
}
uni-button[disabled] {
  background: #EEEEEE !important;
  border-color: #EEEEEE !important;
  color: #999 !important;
}
// 自定义下拉菜单部分
.dropdown-custom-wrap {
    padding: 15px 20px;
}
.dropdown-custom-bottom-btn {
    display: flex;
    justify-content: space-between;
}
.dropdown-custom-bottom-btn  .cancel-btn {
	padding: 0 10px !important;
	background: #F5F5F5 !important;
}
.dropdown-custom-bottom-btn uni-button{
	padding: 0 10px !important;
    width: 100px !important;
}
.dropdown-custom-bottom-btn button{
	padding: 0 10px !important;
    width: 100px !important;
}

.common-wrap{
    padding: 0 15px;
}
.flex-wrap{
  display: flex;
  display: -webkit-flex;
}
.flex-center{
  justify-content: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-text-mid {
  align-items: center;
}
.flex-end{
  justify-content: flex-end;
}
.flex-middle{
  align-items: center;
}
.flex-text-end {
  align-items: flex-end;
}
.flex-item{
  flex: 1;
}
.space-between {
    justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}

.flex-column {
  display: flex;
  flex-direction: column;
}
.bold {
    font-weight: bold;
}
// 行高
.lh-11 {
    line-height: 11px;
}
.lh-10 {
    line-height: 10px;
}
.lh-12 {
    line-height: 12px;
}
.lh-14 {
    line-height: 14px;
}
.lh-20 {
  line-height: 20px;
}
.lh-22 {
  line-height: 22px;
}
.lh-24 {
   line-height: 24px;
 }
.lh-26 {
  line-height: 26px;
}
.lh-28 {
  line-height: 28px;
}
// 字体
.fs-10{
    font-size: 10px;
}
.fs-11{
    font-size: 11px;
}
.fs-12{
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}
.fs-14,.font-14{
    font-size: 14px;
}
.fs-15{
    font-size: 15px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-22{
    font-size: 22px;
}
.fs-24{
    font-size: 24px;
}
.fs-30{
    font-size: 30px;
}
.fs-32{
    font-size: 32px;
}
.fw-b{
    font-weight: bold;
}
// 颜色
.fc-buy {
  color: #F9563D;
}
.fc-000{
    color: #000;
}
.fc-333{
    color: #333;
}
.fc-666{
    color: #666;
}
.fc-999{
    color: #999;
}
.fc-fff {
    color: #fff;
}
.fc-eee{
    color: #eee;
}
.fc-ddd{
    color: #ddd;
}
.fc-bbb{
    color: #bbb;
}
.fc-grey{
    color: #7F7F7F;
}
.fc-red{
    color: #DF0000 !important;
}
.fc-primary{
    color: var(--color) !important;
}
.fc-success {
  color: #7ED321 !important;
}
.fc-7f {
    color: #7F7F7F !important;
}
.h60 {
    height: 60px;
}

.pointer {
  cursor: pointer;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.title-left-line {
    position: relative;
    padding-left: 15px;
    font-weight: 600;
    line-height: 22px;
}
.title-left-line::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 14px;
	background: var(--color);
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

// 页面背景
.page-title-bg {
    width: 100%;
    background-size: contain;
    min-height: 208px;
    background: var(--color);
    opacity: .8;
    text-align: center;
    padding-bottom: 18px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.page-title-bg:before{
	content: '';
	position: absolute;
	left: -120px;
	top: 70px;
	width: 300px;
	height: 350px;
	border-radius: 50%;
	background: linear-gradient(138deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
	z-index: -1;
}
.page-title-bg:after{
	content: '';
	position: absolute;
	top: -70px;
	right: -70px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: linear-gradient(10deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
	z-index: -1;
}
.page-title-bg .title {
	width: 264px;
	text-align: center;
	display: inline-block;
}
.page-title-bg .source {
	text-align: center;
	padding: 0 0 10px;
	line-height: 10px;
}
.page-title-bg .desc {
	text-align: center;
	//text-align-last: left;
	padding: 0 15px;
	line-height: 22px;
	//letter-spacing: 1px;
	color: rgba(255,255,255,.8);
	top: 10px;
	z-index: 2;
	height: 0;
}
.page-title-bg .desc::before {
	content: attr(data-before);
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 66px;
	font-weight: 800;
	color: rgba(255,255,255,.1);
	letter-spacing: 10px;
	width: 160px;
	line-height: 80px;
}
// 图片
.img-box {
    display: flex;
    flex-wrap: wrap;
}
.img-box .img-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 2%;
}
/*  3张图片  */
.img-box .img-item:nth-child(1):nth-last-child(3),
.img-box .img-item:nth-child(2):nth-last-child(2),
.img-box .img-item:nth-child(3):nth-last-child(1) {
	width: 32%;
	padding-bottom: 32%;
}

/*  间隔  */
.img-box .img-item:nth-child(2):nth-last-child(2),
.img-box .img-item:nth-child(3):nth-last-child(1) {
	margin-left: 2%;
}

.img-box .img-item:not(:nth-child(1):nth-last-child(1)) img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

// 订单
.buy-info-btn {
  background-color: #F9563D !important;
  color: #fff !important;
}
.price {
  position: absolute;
  bottom: 44px;
}

// 选择
.select-icon{
  position: relative;
  padding-right: 12px;
}
.select-icon:after{
  content:"";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: translate(0,-50%) rotate(-135deg);
  transform: translate(0,-50%) rotate(-135deg);
  top: 50%;
  right: 5px;
}


// 通用左右标题样式
.wrap-common-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 25px;
}
.wrap-common-title .title-left icon {
	width: 3px;
	height: 16px;
	background: $primaryColor;
	display: inline-block;
	vertical-align: -2px;
}
.wrap-common-title .title-left span {
	height: 25px;
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	line-height: 25px;
	margin-left: 4px;
}
.wrap-common-title .title-right i {
	font-size: 12px;
	color: #666;
}

// TA们在学
.parti-wrap {
    padding-top: 10px;
}
.parti-wrap .parti-each {
	display: flex;
	margin-bottom: 12px;
	justify-content: space-between;
}
.parti-wrap .parti-each img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 8px;
}
.parti-wrap .parti-each .parti-name {
	line-height: 23px;
}
// 导航栏顶部目录图标
.navi-bar-icon {
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-right: 2px;
}
.navi-bar-icon.menu {
	background-image: url('@/static/image/icon_mulu.png');
}
.navi-bar-icon.clean {
	background-image: url('@/static/image/icon_clean.png');
}

.txt-page-btn {
    position: fixed;
    text-align: center;
    width: 100%;
    bottom: 10px;
}

// 审核状态通用样式
.audit-status {
    padding: 5px;
    font-size: 14px;
    margin-bottom: 5px;
   
}
 .audit-status.green {
	background: #E9F0F0;
	color: $primaryColor;
}
.audit-status.danger {
	background: #FDF2F2;
	color: #DF0000;
}


.abs-tip-yellow, .abs-tip-green, .abs-tip-timing-green, .abs-tip-staff-yellow {
    padding: 2px 5px 1px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
}
.abs-tip-yellow {
    background: linear-gradient(342deg, #F57923 0%, #F5A623 100%);
}
.abs-tip-green {
    background: linear-gradient(342deg, $primaryColor 0%, $primaryColor 100%);
}
.abs-tip-timing-green {
  background-image: linear-gradient(90deg, #6ad5aa 0%, #21a89d 100%);
}
.abs-tip-staff-yellow {
  background: linear-gradient(165deg, #E4C679 0%, #C59443 100%);
}
.abs-tip-T {
    padding: 3px 6px;
    background: linear-gradient(152deg, rgba(44, 144, 223, .1) 0%, rgba(3, 79, 186, .1) 100%);
    border-radius: 9px;
    font-size: 11px;
    line-height: 16px;
    color: rgba(22, 108, 223, 1);
    letter-spacing: 1px;
    font-weight: 400;
	vertical-align: middle;
}
.abs-tip-OT {
    padding: 3px 6px;
    background: linear-gradient(152deg, rgba(122, 71, 194, .1) 0%, rgba(122, 71, 194, .1) 100%);
    border-radius: 9px;
    font-size: 11px;
    line-height: 16px;
    color: rgba(127, 74, 195, 1);
    letter-spacing: 1px;
    font-weight: 400;
	vertical-align: middle;
}
.abs-tip-PC {
    padding: 3px 6px;
    background: linear-gradient(152deg,  rgba(102, 174, 71, .1) 0%, rgba(102, 174, 71, .1) 100%);
    border-radius: 9px;
    font-size: 10px;
    line-height: 16px;
    color: rgba(102, 174, 71, 1);
    letter-spacing: 1px;
    font-weight: 400;
	vertical-align: middle;
}
.abs-tip-C {
  padding: 3px 6px;
  background: linear-gradient(152deg,  rgba(30, 166, 157, .1) 0%, rgba(30, 166, 157, .1) 100%);
  border-radius: 9px;
  font-size: 10px;
  line-height: 16px;
  color: rgba(30, 166, 157, 1);
  letter-spacing: 1px;
  font-weight: 400;
  vertical-align: middle;
}
.abs-tip-E {
  padding: 3px 6px;
  background: linear-gradient(152deg,  rgba(77, 170, 253, .1) 0%, rgba(77, 170, 253, .1) 100%);
  border-radius: 9px;
  font-size: 10px;
  line-height: 16px;
  color: rgba(77, 170, 253, 1);
  letter-spacing: 1px;
  font-weight: 400;
  vertical-align: middle;
}
.abs-tip-Q {
  padding: 3px 6px;
  background: linear-gradient(152deg,  rgba(254, 153, 18, .1) 0%, rgba(254, 153, 18, .1) 100%);
  border-radius: 9px;
  font-size: 10px;
  line-height: 16px;
  color: rgba(254, 153, 18, 1);
  letter-spacing: 1px;
  font-weight: 400;
  vertical-align: middle;
}
.abs-tip-P {
  padding: 3px 6px;
  background: linear-gradient(152deg,  rgba(225, 101, 101, .1) 0%, rgba(225, 101, 101, .1) 100%);
  border-radius: 9px;
  font-size: 10px;
  line-height: 16px;
  color: rgba(225, 101, 101, 1);
  letter-spacing: 1px;
  font-weight: 400;
  vertical-align: middle;
}

// 定时任务图标
.common-timing-icon {
  background-image: linear-gradient(90deg, #6ad5aa 0%, #21a89d 100%); padding: 0 12px; margin-left: 4px; font-size: 12px; border-radius: 2px; font-weight: normal; color: #fff;
}
// 新员工图标
.common-new-staff-icon {
  background: linear-gradient(165deg, #E4C679 0%, #C59443 100%); padding: 0 4px; margin-left: 4px; font-size: 10px; border-radius: 2px; font-weight: normal; color: #fff;
}

// 按钮分隔线
.split-line {
    width: 1px;
    height: 12px;
    background-color: #ddd;
    margin: 0 8px;
    vertical-align: middle;
}

.w-e-text {
    padding: 10px;
    font-size: 16px;
    img {
        max-width: 100%;
        display: flex;
        margin: 0 auto;
    }
}

.pub-corner {
    position: absolute;
    width: 62px;
    height: 61px;
    overflow: hidden;
    //background-image: url('@/static/image/pub-corner.png');
    //background-size: 100% 100%;
}
.pub-corner span{
    position: absolute;
    width: 150%;
    height: 20px;
    background: #1EA69D;
    text-align: center;
    color: #fff;
    transform: rotate(45deg);
    right: -40%;
    top: 20%;
    line-height: 20px;
    font-size: 10px;
}

.wrap-empty{
    width: 100%;
    height: calc(100vh - 1.4rem);
}
.wrap-empty .wrap-empty-body{
    text-align: center;
}
.wrap-empty .wrap-empty-body img{
	width: 99px;
}
.wrap-empty .wrap-empty-body p{
	margin-top: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #999999;
	line-height: 28px;
}
.wrap-empty .wrap-empty-body p span{
	color: var(--color);
}
.banner-default-img.live-0,
.banner-default-img.live-1,
.item-default-img.live-0,
.item-default-img.live-1{
    background: var(--liveimg1) no-repeat !important;
}
.banner-default-img.live-2,
.item-default-img.live-2{
    background: var(--liveimg0) no-repeat !important;
}

.van-stepper{
    .van-stepper__minus{
        color: #999;
        background: #F5F5F5;
        border-radius: 2px 0 0 2px;
        border: 1px solid #DDDDDD;
    }
    .van-stepper__input{
        background: #fff;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        margin: 0;
    }
    .van-stepper__plus{
        color: #999;
        background: #F5F5F5;
        border-radius: 0 2px 2px 0;
        border: 1px solid #DDDDDD;
    }
}

.van-progress .van-progress__pivot{
	background-color: var(--color);
}
.van-progress .van-progress__portion{
	background: var(--color);
}
.van-tabs .van-tabs__line{
    background-color: var(--color);
}
.van-picker .van-picker__confirm{
    color: var(--color);
}
.van-toast.van-toast--loading .van-loading{
	color: var(--color);
	margin-bottom: 2px;
}

.van-radio .van-radio__icon--checked .van-icon{
	border-color: var(--color);
	background-color: var(--color);
}

.van-checkbox  .van-checkbox__icon--checked .van-icon{
	border-color: var(--color);
	background-color: var(--color);
}

.van-switch.van-switch--on{
    background-color: var(--color);
}

.van-icon-good-job, .van-icon-star{
    color: var(--color) !important;
}

.flex-wrap .uni-searchbar{
	flex: 1;
}
.uni-tag-text--primary{
	color: var(--color) !important;
}
.uni-tag--primary--inverted{
	color: var(--color) !important;
	border-color: var(--color) !important;
}
.uni-datetime-picker--btn{
	background-color: var(--color) !important;
}
.uni-calendar-item__weeks-box .uni-calendar-item--checked,
.uni-calendar-item--multiple .uni-calendar-item--before-checked,
.uni-calendar-item--multiple .uni-calendar-item--after-checked{
	background-color: var(--color) !important;
}
.uni-radio-input {
  flex: none !important;
}
radio .wx-radio-input,
checkbox .wx-checkbox-input{
  flex: none !important;
}